body {
  background-color: red;
  padding: 20px;  
  margin: 20px;
  padding: 0;    
  behavior: url("../htc/csshover3.htc");   
  text-align:center;
  font-family: 'verdana';
}

a img {border: none}

a {
  text-decoration: none;
  color: #774422;
  font-size: 105%;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

ul, li {padding: 0;}

input { border: 1px solid #666666; background-color: #FFEEC2;}

textarea {border: 1px solid #666666; background-color: #FFEEC2;}

#wrapper {
  text-align: left;
  margin: 0 auto;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
  border-radius: 10px; 
  behavior: url("../htc/border-radius.htc");
  border: 1px solid black;
  padding: 20px;
  -moz-box-shadow: 0px 0px 30px 2px black;
  -webkit-box-shadow: 0px 0px 30px 2px black;
  box-shadow: 0px 0px 30px 2px black;
  background-color: #FFE399;      
  width: 97%;
  min-width: 1000px;
} 

#header {
	height: 154px;
  margin: 0;
  padding: 0;
  text-align:center;
  position: relative;
}

#header div{
  display: inline-table;
  vertical-align: top;
  padding: 0 5px;  
}   

#header_left {
	position: absolute;
	top: 0;
	left: 0;
}

#header_right {
	position: absolute;
	top: 0;
	right: 0;
}

#login {margin: 5px 0 0 0; font-size: 12px; text-align: right;}
#login a {color: #A04C3F; text-decoration: none;}
#login input.input-text {margin: 0 5px 0 0;}

#navig {
  width: 100%;
  font-size: 120%;
  clear: both;
  margin: 5px 0px 10px 0;
  border: 1px solid #BFAA73;
  background: #f7c182;  
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c182', endColorstr='#edad75',GradientType=0 );
  background: -moz-linear-gradient(top,  #f7c182 0%, #f7c182 50%, #f3ad75 51%, #edad75 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c182), color-stop(50%,#f7c182), color-stop(51%,#f3ad75), color-stop(100%,#edad75));
  background: -webkit-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f3ad75 51%,#edad75 100%);
  background: -o-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f3ad75 51%,#edad75 100%);
  background: -ms-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f3ad75 51%,#edad75 100%);   
  background: linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f3ad75 51%,#edad75 100%);
}

#navig ul {
  padding: 3px 0;
  margin: 0;
  list-style-type: none;
  border: 1px solid #AB8258;
}

#navig ul li {
	position: relative;
  display: inline-block;
  font-weight: 900;
  border-right: 1px solid #D69967;
} 

#navig ul li:hover {
}

#navig ul li a {
  color: black; 
  text-decoration: none;
  padding: 0px 30px;
}

#navig ul li a:visited {
  color: black;
}

#navig ul li a:hover {
  text-decoration: none; 
  margin: -2px 0px;
  background: #f6ca95; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ca95', endColorstr='#efb586',GradientType=0 );
  background: -moz-linear-gradient(top,  #f6ca95 0%, #f8ca95 50%, #f4b586 51%, #efb586 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ca95), color-stop(50%,#f8ca95), color-stop(51%,#f4b586), color-stop(100%,#efb586));
  background: -webkit-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
  background: -o-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
  background: -ms-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%); 
  background: linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
}

#navig ul li .submenu {
	display:none;
}

#navig ul li:hover .submenu {
	display:block;
}

#navig ul li .submenu {position: absolute; top: 22px; width: 100%; padding: 13px 0 0 0; background: url('../img/submenu.gif') center 7px no-repeat;}
#navig ul li .submenu ul {display: block; border: 2px solid #998B66; background: #FFEEC2;}
#navig ul li .submenu ul li {display: block; line-height: 22px; font-size: 16px; text-align: center; border-right: none;}
#navig ul li .submenu ul li a {padding: 0; font-weight: normal;}
#navig ul li .submenu ul li a:hover {margin: 0; font-weight: bold; background: 0;}

#content .not-logged {
  border-right: 1px solid black;
  padding-right: 30px;
  margin-right:220px;
}

#sidebar {
  /*width: 206px;
  float:right;*/
  padding: 0 0 10px 0;
  font-size: 12px;
}

#sidebar button {
	margin: 0 10px; 
}

#sidebar label {
	margin: 0 10px 0 0;
}

#footer {
  text-align: center;
  font-size: 11px;
  clear: both;
  padding-top: 20px;
}

#footer a {color: #A04C3F; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

table {
	width: 100%;
  border: 1px solid #AC9967;
}

th {
  text-align: left;
  border-bottom: 2px solid black;
  padding: 0 10px; 
  background: #f7c182; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c182', endColorstr='#f3ad75',GradientType=0 );
  background: -moz-linear-gradient(top,  #f7c182 0%, #f7c182 50%, #f4b586 51%, #efb586 100%, #f3ad75 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c182), color-stop(50%,#f7c182), color-stop(51%,#f4b586), color-stop(100%,#efb586), color-stop(100%,#f3ad75));
  background: -webkit-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: -o-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: -ms-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
}

th a {
  text-decoration: none;
  color: black;
}

th a:hover {
  text-decoration: none;
  color: black;
}

th a:visited {
  color: black;
}

tr {
  background-color: #FFF1CC;
}

.hov:hover {
  background-color: #FFF8E6;
}

th {line-height: 26px; border-top:1px solid #94744E; border-bottom:2px solid #94744E}

th.first {border-left:1px solid #94744E}
th.last {border-right:1px solid #94744E}

th a.asc {padding: 0 12px 0 0; background: url('../img/asc.gif') right no-repeat;}
th a.desc {padding: 0 12px 0 0; background: url('../img/desc.gif') right no-repeat;}

td {
  line-height: 1.3em;
  padding: 3px 10px;
  font-size: 12px;
  border-bottom: 1px solid #E4D7B7;
}

td a {color: #A04C3F; fotn-weight: normal; text-decoration: none;}

td.first {border-left:1px solid #ACA081}
td.last {border-right:1px solid #ACA081}

td.actions a.edit {display: block; float: left; margin: 7px 5px 0 0px;}
td.actions a.delete {display: block; float: left; margin: 9px 0 0 0;}

td.actions {width: 55px;}

.deleted td {color: #999999; background-color: #ffd8cc;}
.deleted td a {color: #999999;}
/* td.budget {text-align: right;} */

.paging {padding: 5px; text-align: center; }
.paging a {color: #A04C3F; text-decoration: none;}

.gradient { 
  background: #f7c182; 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c182', endColorstr='#f3ad75',GradientType=0 );
  background: -moz-linear-gradient(top,  #f7c182 0%, #f7c182 50%, #f4b586 51%, #efb586 100%, #f3ad75 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c182), color-stop(50%,#f7c182), color-stop(51%,#f4b586), color-stop(100%,#efb586), color-stop(100%,#f3ad75));
  background: -webkit-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: -o-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: -ms-linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
  background: linear-gradient(top,  #f7c182 0%,#f7c182 50%,#f4b586 51%,#efb586 100%,#f3ad75 100%);
}

.gradient:hover {
  cursor: pointer;
  cursor: hand;
  background: #f6ca95;   
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ca95', endColorstr='#efb586',GradientType=0 );
  background: -moz-linear-gradient(top,  #f6ca95 0%, #f8ca95 50%, #f4b586 51%, #efb586 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ca95), color-stop(50%,#f8ca95), color-stop(51%,#f4b586), color-stop(100%,#efb586));
  background: -webkit-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
  background: -o-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
  background: -ms-linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
  background: linear-gradient(top,  #f6ca95 0%,#f8ca95 50%,#f4b586 51%,#efb586 100%);
}

.rounded {
  border-radius: 5px; 
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px; 
}

.bordered {
  border: 1px solid black;
}

.gray {
  color:#888;
}

.bold {
  font-weight: bold;
}

#search_box {
  padding:4px;
  padding-right:22px;
  color:#888;
  background:#FFEEC2 url("../img/lupa.png") no-repeat right 50%;
  border:1px solid #666;
  width: 30%;
  min-width: 200px;
}

.right {
  width:45%;  
  float: right;
}

.left {
  width: 45%; 
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}    

#edit_project {
  background-color: #FFEEC2;
  border: 1px solid black;
  padding: 0px 20px;
}

#detail {
  background-color: #FFEEC2;
  border: 1px solid black;
  padding: 10px 20px;
}

#detail label {display: block; margin: 10px 0 3px 0; font-weight: bold;}
#detail input {border: 1px solid #4D483A; background: #FFF5DA;}
#detail textarea {border: 1px solid #4D483A; background: #FFF5DA;}
#detail select {border: 1px solid #4D483A; background: #FFF5DA;}

#detail .right {
  text-align: right;
}

h1 {margin: 0; padding: 5px 0; font-size: 26px;}

h2 {               
  font-size: 150%;
}

h3 {
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
  margin: 0 0 1em 0;
}

#edit_project {
  text-align:center;
}

#edit_project .left, #edit_project .right {
  text-align: left;
  padding: 10px;
}

.right_border {
  border-right: 1px solid black;
}

.al_left {
  text-align: left;
  width:58%;
}


.al_right {
  text-align: right;
  width:38%;
}

#setlimit {text-align: center; font-size: 12px;}